<template>
  <div class="w-full lg:w-3/12 ma-content-block rounded-sm ml-0 lg:ml-3 p-3 mt-3" style="width: 24rem;">
    <a-row class="pt-5 pd-5" justify="center" align="center">
      <a-col :span="12">
        <div class="font-bold mb-3">订单总数</div>
        <div>{{ userStore.user && userStore.user.statistics ? userStore.user.statistics.total_order_count : 0 }}</div>
      </a-col>
      <a-col :span="12">
        <div class="font-bold mb-3">订单总额</div>
        <div>{{ userStore.user && userStore.user.statistics ? userStore.user.statistics.total_order_money : 0 }}</div>
      </a-col>
      <a-col :span="12">
        <div class="font-bold mb-3">总用户</div>
        <div>{{ userStore.user && userStore.user.statistics ? userStore.user.statistics.total_member_count : 0 }}</div>
      </a-col>
      <a-col :span="12">
        <img src="@/assets/statistics/Total.png"/>
      </a-col>
    </a-row>
  </div>
</template>

<script setup>
import { useUserStore } from '@/store'
const userStore = useUserStore()
</script>